@import "../../index";

.card {
  max-width: 100vw;
  background-color: $primary-light-color;
  margin: 2rem 1rem;
  padding: 1rem 1.5rem;
  border-radius: 1rem;

  @media (min-width: 1180px) {
    &.small-card {
      max-width: 40vw;
      margin: 2rem auto;
    }

    &.middle-card {
      max-width: 55vw;
      margin: 2rem auto;
    }
  }

  @media (min-width: 1440px) {
    &.small-card {
      max-width: 35vw;
      margin: 2rem auto;
    }

    &.middle-card {
      max-width: 50vw;
      margin: 2rem auto;
    }
  }

  //&.login {
  //  ma
  //}
}

.card__title {
  text-align: center;

  h1 {
    font-size: 2rem;
  }
}

